import styled from 'styled-components';

export const HomeWarpper =styled.div`
   width:960px;
   margin:0 auto;
   overflow:hidden;
`
export const HomeLeft =styled.div`
   width:625px;
   float:left;
   margin-left:15px;
   padding-top:30px;
   .banner-img{
    width:635px;
    height:270px;
   }
`
export const HomeRight =styled.div`
   width:280px;
   float:right
`




export const TopicWarrper =styled.div`
   padding:20px 0 10px 0;
   overflow:hidden;
   margin-left:-18px;
   border-bottom:1px solid #dcdcdc;
`


export const TopicItem =styled.div`
    float:left;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:#333;
    border:1px solid #dcdcdc;
    border-radius:4px;
    padding-right:10px;
    margin-bottom:18px;
    margin-left:18px;
    background:#f7f7f7;
    .topic-pic{
        display:block;
        float:left
        width:32px;
        height:32px;
        margin-right:10px;
    }
`


export const ListItem =styled.div`
   padding:20px 0;
   border-bottom:1px solid #dcdcdc;
   overflow:hidden
   .pic{
     width:125px;
     height:100px;
     display:block;
     float:right;
     border-radius:4px;
    }
    
`
export const ListInfo =styled.div`
   width:500px;
   float:left;
   .title{
     line-height:27px;
     font-size:18px;
     font-weight:bold;
     color:#333;
   }
   .desc{
     font-size:13px;
     line-height:24px;
     color:#999
   }
`


export const RecommeWarrper = styled.div`
   margin:20px 0;
   width:280px;

`

export const RecommedItem = styled.div`
   width:280px;
   height:50px;
   background:url(${(props)=>props.imgurl});
   background-size:contain
`


export const LoadMove = styled.div`
   width:100%;
   height:40px;
   line-height:40px;
   text-align:center;
   border-radius:20px;
   color:#fff;
   margin:30px 0;
   background:#a5a5a5;
   cursor:pointer;   
`


export const BackTop = styled.div`
   position:fixed;
   right:100px;
   bottom:100px;
   width:100px;
   height:40px;
   line-height:40px;
   text-align:center;
   border:1px solid #ccc;
   font-size:14px;
    
`